<template>
  <div class="footer">
      <ul>
          <router-link to="/home" style="color:#409fff">
          <li @click="loadHome()">片库</li>
          </router-link>
          <router-link to="category">
          <li>频道</li>
          </router-link>
          <router-link to="console">
          <li>我</li>
          </router-link>
      </ul>
  </div>
</template>

<script>
export default {
    inject: ["reloadHome"],
    name:'indexFooter',
    methods:{
        loadHome(){
            this.reloadHome()
        }
    }
}
</script>

<style scoped>
a{text-decoration:none;
color:#000000;
}
    .footer{
        position: fixed;
        bottom: 0px;
        width:100%;
        background-color: #ffffff;
        height: 60px;
        border-top: solid 1px #e9e9e9;
    }
    .footer ul{
        list-style: none;
        width:100%;
        height:60px;
        margin: 0px;
        padding: 0px;
    }
    .footer ul li{
        list-style: none;
        width:33.3333333%;
        height:60px;
        line-height: 60px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        float: left;
    }
</style>